<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script
	src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	

</head>
<body ng-app="loginApp" ng-controller="loginController">
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-4 column">
			</div>
			<div class="col-md-4 column">
				<div class="page-header">
					<h1 style="text-align:center;">
						登录
					</h1>
				</div>
			</div>
			<div class="col-md-4 column">
			</div>
		</div>
		<div class="row clearfix">
			<div class="col-md-4 column"></div>
			<div class="col-md-4 column">
				<div class="row clearfix">
					<div class="col-md-12 column">
					<label for="name">用户名</label>
					<input type="text" class="form-control" id="name" placeholder="请输入用户名" ng-model="name">
					</div>
				</div>
				<div class="row clearfix">
					<div class="col-md-12 column">
					<label for="name">密码</label>
					<input type="password" class="form-control" id="pwd" placeholder="请输入密码" ng-model="pwd">
					</div>
				</div>
				没有帐号?<a style="cursor: pointer;" href="/test/register.html">&nbsp&nbsp注册一个</a>
				<div class="row clearfix">
					<div class="col-md-12 column">
					<button id="btnlogin" type="button" class="btn btn-info" ng-click="onClicklogin()" >登录</button>
					</div>
				</div>
			</div>
			<div class="col-md-4 column"></div>
		</div>
		
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">抱歉</h4>
            </div>
            <div class="modal-body"><label>{{msg}}</label></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
	</div>
	
	<script type="text/javascript" src="/test/js/login.js"></script>
	<script type="text/javascript" src="/test/js/service/userService.js"></script>
</body>
</html>